<!--
 * @Author: zixin 
 * @Date: 2025-04-16 15:26:26
 * @LastEditors: zixin 
 * @LastEditTime: 2025-04-16 15:26:29
 * @FilePath: \shuttle-bus-app\pages\me\about.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="about-page">
      <NavBar title="关于 ABOUT" back />
      
      <div class="logo">
        <div class="bus-icon">🚌</div>
      </div>
      
      <div class="info-item">
        <div class="label">名称 Name</div>
        <div class="value">穿梭巴士</div>
      </div>
      
      <div class="info-item">
        <div class="label">当前版本 Current Version</div>
        <div class="value">3.8.121</div>
      </div>
    </div>
  </template>
  
  <script>
  import NavBar from '~/components/NavBar.vue'
  
  export default {
    components: {
      NavBar
    }
  }
  </script>
  
  <style scoped>
  .about-page {
    background: #f5f5f5;
    min-height: 100vh;
  }
  
  .logo {
    display: flex;
    justify-content: center;
    padding: 40px 0;
  }
  
  .bus-icon {
    width: 80px;
    height: 80px;
    background: #1E90FF;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
  }
  
  .info-item {
    background: white;
    padding: 15px;
    border-bottom: 1px solid #eee;
  }
  
  .label {
    font-size: 14px;
    color: #999;
    margin-bottom: 5px;
  }
  
  .value {
    font-size: 16px;
  }
  </style>